﻿@{
	ViewBag.Title = "Dashboard";
}

@section Scripts{
	<script type="text/javascript">
		$(function () {

			madmin.init();

			//set our page as active
			$('a[data-target-page="page-dashboard"]').parent().parent().addClass('active');


			// make code pretty
			window.prettyPrint && prettyPrint();

		});


	</script>
}

<div class="page" id="page-dashboard">

				<!-- Panel Page Dashboard Content: -->

				<div class="hero-unit hero-special">
					<h1>Process Trace Info Dashboard <small>v 1.6</small></h1>
				</div>

				<div class="panel" id="panel-101">
					<header>
						<i class="icon-asterisk"></i>
						<span>Shortcuts</span>
					</header>
					<div class="content tiles-container">

						<a href="~/ProcessTraceInfo/Search" class="tile-btn"><i class="icon-search"></i><span>Search</span></a>
						<a href="#" class="tile-btn"><i class="icon-hdd"></i><span>Database</span></a>
						<a href="#" class="tile-btn"><i class="icon-dashboard"></i><span>VMs</span></a>
						<a href="#" class="tile-btn">
							<i class="icon-group"></i>
							<!-- <i class="icon-icomoon-grid-view"></i> -->
							<!-- <span aria-hidden="true" class="icon-icomoon-grid-view"></span> -->
							<span>Users</span>
						</a>

						<a href="#" class="tile-btn"><i class="icon-tasks"></i><span>Monitoring</span></a>
						<a href="#" class="tile-btn"><i class="icon-flag"></i><span>Notices</span></a>
						<a href="#" class="tile-btn"><i class="icon-film"></i><span>Media</span></a>

					</div>
				</div>

				<div class="row-fluid">

					<div class="span6">

						<div class="panel" id="panel-24">
							<header>

								<i class="icon-bar-chart"></i>
								<span>At a glance</span>

							</header>
							<div class="content">

								<div class="accordion" id="accordion2">
									<div class="accordion-group">
										<div class="accordion-heading">
											<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
												Server Load
											</a>
										</div>
										<div id="collapseOne" class="accordion-body in collapse" style="height: auto;">
											<div class="accordion-inner">

												<div id="dashboard-dynamic-chart"></div>

											</div>
										</div>
									</div>
									<div class="accordion-group">
										<div class="accordion-heading">
											<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">
												Daily Numbers
											</a>
										</div>
										<div id="collapseTwo" class="accordion-body collapse" style="height: 0px;">

											<table class="table-key-numbers">
												<tr>
													<td>23</td>
													<td>4</td>
													<td>1</td>
												</tr>
												<tr>
													<th>New Subscriptions</th>
													<th>Upgrades</th>
													<th>Cancellation</th>
												</tr>
											</table>
											<br />

										</div>
									</div>
									<div class="accordion-group">
										<div class="accordion-heading">
											<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseThree">
												Alerts
											</a>
										</div>
										<div id="collapseThree" class="accordion-body collapse" style="height: 0px;">
											<div class="accordion-inner">
												<p>No new alerts today.</p>
											</div>
										</div>
									</div>
								</div>

							</div>
						</div>

						<div class="panel" id="panel-13">
							<header>
								<i class="icon-th-large"></i>
								<span>One more panel</span>
							</header>
							<div class="content">

								<p>A wonderful serenity has taken possession of my entire soul, like these sweet mornings
									of spring which I enjoy with my whole heart.</p>

								<p>I am alone, and feel the charm of existence in this spot, which was created for the
									bliss of souls like mine. I am so happy, my dear friend, so absorbed in the exquisite
									sense of mere tranquil existence, that I neglect my talents.</p>

								<p>I should be incapable of drawing a single stroke at the present moment; and yet I
									feel that I never was a greater artist than now.</p>

							</div>
						</div>

					</div>

					<div class="span6">

						<div class="panel" id="panel-102">
							<header>
								<i class="icon-trophy"></i>
								<!-- <i class="icon-icomoon-grid-view"></i> -->
								<!-- <span aria-hidden="true" class="icon-icomoon-grid-view"></span> -->
								<span>Daily sales top</span>
							</header>
							<div class="content tiles-container">

								<table id="table0" class="tablesorter">
									<thead>
										<tr>
											<th class="header">Service Name</th>
											<th class="header">Category</th>
											<th class="header">Price</th>
											<th class="header headerSortDown"># Sold</th>
										</tr>
									</thead>
									<tbody>
										<tr class="odd">
											<td>Super Foo Service</td>
											<td>Cloud Management</td>
											<td>$987</td>
											<td>25</td>
										</tr>
										<tr class="even">
											<td>Super Bar Service</td>
											<td>Remote Monitoring</td>
											<td>$765</td>
											<td>23</td>
										</tr>
										<tr class="odd">
											<td>Standard Services</td>
											<td>Cloud Management</td>
											<td>$432</td>
											<td>12</td>
										</tr>
										<tr class="even">
											<td>Enterprise All Inclusive</td>
											<td>Integrated Services</td>
											<td>$6987</td>
											<td>11</td>
										</tr>
										<tr class="odd">
											<td>Royal Deluxe</td>
											<td>Integrated Services</td>
											<td>$9000</td>
											<td>10</td>
										</tr>
									</tbody>
								</table>

							</div>
						</div>

						<div class="panel" id="panel-106">
							<header>
								<i class="icon-th-large"></i>
								<span>And another panel</span>
							</header>
							<div class="content">

								<p>A wonderful serenity has taken possession of my entire soul, like these sweet mornings
									of spring which I enjoy with my whole heart.</p>

								<p>I am alone, and feel the charm of existence in this spot, which was created for the
									bliss of souls like mine. I am so happy, my dear friend, so absorbed in the exquisite
									sense of mere tranquil existence, that I neglect my talents.</p>

								<p>I should be incapable of drawing a single stroke at the present moment; and yet I
									feel that I never was a greater artist than now.</p>

								<p>When, while the lovely valley teems with vapour around me, and the meridian sun strikes
									the upper surface of the impenetrable foliage of my trees, and but a few stray gleams
									steal into the inner sanctuary, I throw myself down among the tall grass by the
									trickling stream; and, as I lie close to the earth, a thousand unknown plants are
									noticed by me: when I hear the buzz of the little world among the stalks, and grow
									familiar with the countless indescribable forms of the insects and flies, then I
									feel the presence of the Almighty, who formed us in his own image.</p>

							</div>
						</div>

					</div>
				</div>

				<!-- /Panel Page Dashboard Content -->


			</div>
